<!DOCTYPE html>
<html>
<head>
    <title>{$seo.title}--企业视频</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="{$seo.title},企业视频" />
    <meta name="keywords" content="{$seo.title}--企业视频" />

    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <!-- css -->
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link href="__HOME__css/iconfont.css" rel="stylesheet"/>
    <link href="__HOME__css/am.css" rel="stylesheet"/>
    <link href="__HOME__css/flexslider.css" rel="stylesheet"/>
    <link href="__HOME__css/style.css" rel="stylesheet"/>
    <style type="text/css">
        /* map point */
.point-area .point {position:absolute;top:0;left:0;right:0;bottom:0;width:10px;height:10px;margin:auto;-webkit-border-radius:50%;-webkit-background-clip:padding-box;-moz-border-radius:50%;-moz-background-clip:padding;border-radius:50%;background-clip:padding-box;background:transparent;}
/* a标签 ， a标签鼠标经过 ，a标签选取未被访问的链接 ，a标签选取已被访问的链接 */
.point a,.point a:hover,.point a:link,.point a:visited {color:#007f68;}
.point-area .point-dot {z-index:1;background-color:#007f68;border:1px solid rgba(0,127,104,0.37);}
.point-area .point-10 {height:100%;width:100%;}
.point-area .point-10::after {animation:4500ms ease-out 225ms normal none infinite running ripple;border:2px solid #007f68;border-radius:50%;bottom:0;content:"";display:block;left:0;opacity:0;position:absolute;right:0;top:0;}
.point-area .point-40 {height:100%;width:100%;}
.point-area .point-40::after {animation:4500ms ease-out 900ms normal none infinite running ripple;border:2px solid #007f68;border-radius:50%;bottom:0;content:"";display:block;left:0;opacity:0;position:absolute;right:0;top:0;}
.point-area .point-80 {height:100%;width:100%;}
.point-area .point-80::after {animation:4500ms ease-out 1800ms normal none infinite running ripple;border:2px solid #007f68;border-radius:50%;bottom:0;content:"";display:block;left:0;opacity:0;position:absolute;right:0;top:0;}
@keyframes ripple {
0% {opacity:0;transform:scale(0.1,0.1);}
5% {opacity:1;}
100% {opacity:0;transform:scale(1);}
}
li.point{position: absolute;visibility: visible; opacity: 1;}
.point-area{width: 100%;height: 100%;}
p.point-name{position: absolute; top: 48px; left: 100px;width: 100%;}

li.point0{width: 80px; height: 80px;top: 117px;left: 177px;}
li.point1{width: 80px; height: 80px;top: 131px;left: 184px;}
li.point2{width: 80px; height: 80px;top: 150px;left: 225px;}
li.point3{width: 80px; height: 80px;top: 168px;left: 255px;}
li.point4{width: 80px; height: 80px;top: 190px;left: 167px;}
li.point5{width: 100px; height: 100px;top: 214px;left: 177px;}
li.point6{width: 80px; height: 80px;top: 207px;left: 207px;}
li.point7{width: 80px; height: 80px;top: 250px;left: 190px;}
li.point8{width: 80px; height: 80px;top: 345px;left: 278px;}
li.point9{width: 80px; height: 80px;top: 370px;left: 367px;}
li.point10{width: 100px; height: 100px;top: 383px;left: 300px;}
li.point11{width: 80px; height: 80px;top: 442px;left: 310px;}
li.point12{width: 80px; height: 80px;top: 497px;left: 316px;}
li.point13{width: 80px; height: 80px;top: 148px;left: 512px;}
li.point14{width: 80px; height: 80px;top: 196px;left: 500px;}
li.point15{width: 100px; height: 100px;top: 157px;left: 524px;}
li.point16{width: 80px; height: 80px;top: 181px;left: 575px;}
li.point17{width: 80px; height: 80px;top: 224px;left: 530px;}
li.point18{width: 80px; height: 80px;top: 148px;left: 512px;}
li.point19{width: 80px; height: 80px;top: 235px;left: 588px;}
li.point20{width: 100px; height: 100px;top: 260px;left: 604px;}
li.point21{width: 80px; height: 80px;top: 254px;left: 610px;}
li.point22{width: 80px; height: 80px;top: 311px;left: 648px;}

li.point23{width: 150px; height: 150px;top: 161px;right: 245px;}
li.point24{width: 80px; height: 80px;top: 113px;right: 400px;}
li.point25{width: 80px; height: 80px;top: 145px;right: 368px;}
li.point26{width: 80px; height: 80px;top: 226px;right: 255px;}
li.point27{width: 80px; height: 80px;top: 245px;right: 310px;}

li.point28{width: 100px; height: 100px;top: 261px;right: 356px;}
li.point29{width: 80px; height: 80px;top: 261px;right: 293px;}
li.point30{width: 80px; height: 80px;bottom: 66px;right: 150px;}
li.point31{width: 80px; height: 80px;bottom: 50px;right: 156px;}
li.point32{width: 80px; height: 80px;bottom: 28px;right: 176px;}
    </style>
    {$seo.head}
</head>
<body>
{$seo.body}

<div class="wrap">
    <!--导航-->
    {include file="public/header" /}


    <!-- page_banner -->
    <div class="page_banner magtopmenu">
        <div class="pagebanner_pic">
            <ul class="page_banner_slider clear">
                {volist name="banner" id="v" key="k"}
                <li>
                    <div class="pic">
                        <a {if $v.url neq null}href="{$v.url}"{/if}>
                            <img src="{$v.img_url}" alt="{$v.alt}" title="{$v.alt}">
                        </a>
                    </div>
                    <div class="desc">
                        {$v.content}
                    </div>
                </li>
                {/volist}
            </ul>
        </div>
    </div>
    <!-- page_banner end -->

    <!-- position -->
    <div class="position_content">
        <div class="public">
            <div class="position">
                <i class="iconfont icon-zhuye"></i>
                <a href="/">主页</a> >
                <a>企业视频</a>
            </div>
        </div>
    </div>
    <!-- position end -->



    <!-- page -->
    <div class="_aboutus">
        <div class="_adbutus_c">
            <div class="public">
                <h1 class="_title">企业视频</h1>
                <div class="_article">
                    <div class="">
                        <iframe height=730 width=1200 src='{$setup.video}' frameborder=0 'allowfullscreen'></iframe>
                    </div>

                </div>
            </div>
        </div>


    </div>



    {include file="public/footer" /}
<script type="text/javascript">
    $("ul.map_nav").each(function(){
        $(this).find("li").each(function(i){
            $(this).addClass("point" + i);
        });
    });
    
    $('._feedbackSwitch').flexslider({
        selector: "._feedbackSwitch_slider > li",
        animation: "fade",
        controlNav: true,
        multipleKeyboard:true,
        animationLoop: true,
        directionNav: true,
        slideshow: true,
        slideshowSpeed: 6000,
        easing:"swing",
        smoothHeight: false,
        pauseOnAction:true,
        pauseOnHover:true,
        start: function(slider){
            //$('#loader').remove();
        },
        after: function(slider){
            //
        }
    });

    // $('.abfl li').addClass('fl');
</script>
